<?php	$cakeDescription = __d('cake_dev', 'SIRCEA');	?>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="application-name" content="SIRCEA">
	<meta name="description" content="Sistema de Registro y Control de Eventos Académicos">
	<meta name="keywords" content="sircea, registro, eventos, sistemas, fisi, unmsm, san marcos, bootstrap, html5">
	<meta name="author" content="Alan Gabriel Perales Vallejos">
	<meta name="author" content="alangabriel1104@gmail.com">
	<title>
		<?php echo $cakeDescription ?>:
		<?php echo $title_for_layout; ?>
	</title>
	<?php
		echo $this->Html->meta('icon');

		/* Bootstrap CSS */
		echo $this->Html->css('bootstrap');
		echo $this->Html->css('bootstrap-theme');
		/* datatables Bootstrap */
		echo $this->Html->css('DT_bootstrap');

		/* jQuery 1.9.1 */
		echo $this->Html->script('jquery-1.9.1');
		/* datatables */
		echo $this->Html->script('jquery.dataTables');
		/* Bootstrap JS */
		echo $this->Html->script('bootstrap');
		/* datatables Bootstrap */
		echo $this->Html->script('DT_bootstrap');

		echo $this->fetch('meta');
		echo $this->fetch('css');
		echo $this->fetch('script');
	?>
<style>
	@font-face {
	    font-family: 'StagSansLight';
	    src: url('../css/fonts/stagsans-light-webfont-webfont.eot');
	    src: url('../css/fonts/stagsans-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../css/fonts/stagsans-light-webfont-webfont.woff') format('woff'),
	         url('../css/fonts/stagsans-light-webfont-webfont.ttf') format('truetype'),
	         url('../css/fonts/stagsans-light-webfont-webfont.svg#stag_sanslight') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	.dataTables_empty{text-align:center;}
	.fix {position:fixed;top:0;left:0;right:0;margin:0;margin-bottom: 52px;}
	#cabecera h1 a strong,
	#cabecera h1 span strong {display:none}
	#cabecera h1 a,
	#cabecera h1 span {display:block;font-style: normal;width:240px;height:156px;position:absolute;left:0px;top:0;margin-right:0}
	#cabecera em.especial {font-family:"StagSansLight";font-weight:normal !important;font-style:normal !important;font-size:50px;color:#FFF;top:20px !important;position:absolute;left:190px}
	#cabecera div.logo {background:#0068AB;height:120px;text-align:right;padding:0;}
	
@media(max-width: 888px){
	#hide{display: none;}
	#cabecera em.especial {top:30px !important;}
}
</style>
</head>
<!--body onload="cuentaAtras();"-->
<body>
	<div id="container">
		<div id="header">
			<header id="cabecera">
				<div class="logo">
					<div style="width:92%;margin:auto;">
						<img src="../img/logo.png" style="width:100px;height:120px;margin-left:15px;float:left;"/>
						<em class="especial">SIRCEA</em>
						<em id="hide" class="especial" style="font-size: 20px;top:80px !important;">SISTEMA DE REGISTRO Y CONTROL DE EVENTOS ACADÉMICOS</em>
						<img src="../img/unmsm.png" style="width:85px;height:120px;margin-right:15px;"/>
					</div>
				</div>
			</header>
			<nav id="menufix" class="navbar navbar-inverse navbar-static-top" role="navigation" style="min-height:40px;margin-bottom:10px;">
				<div style="width:92%;margin:auto;">
			
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex8-collapse" style="margin:3px 15px 0 0;">
					      <span class="sr-only">Toggle navigation</span>
					      <span class="icon-bar"></span>
					      <span class="icon-bar"></span>
					      <span class="icon-bar"></span>
					    </button>
					  	<a class="navbar-brand" href="#" style="padding:10px 15px;">SIRCEA</a>
					</div>
			
					<div class="collapse navbar-collapse navbar-ex8-collapse">
						<ul class="nav navbar-nav navbar-right" id="navmenu">
							<li <?php if($menu == 'evento'){ echo('class="active"'); } ?>><a href="../Eventos/listaroca" style="padding:10px 15px;">Eventos</a></li>
							<li><a href="../Usuarios/cerrar" style="padding:10px 15px;">Cerrar Sesión</a></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
		<div id="content">
			<div style="width:90%;margin:0 auto -20px auto;text-transform:uppercase;" ><?php echo $this->Session->flash(); ?></div>
			<?php echo $this->fetch('content'); ?>
		</div>
		<div id="footer">
			<nav class="navbar navbar-inverse navbar-fixed-bottom" role="navigation" style="min-height:40px;margin:0;border-radius:0;">
				<div style="width:100%;margin:auto;">
					<div class="collapse navbar-collapse" style="text-align:center;" >
						<ul class="nav navbar-nav" style="width:100%">
							<li style="width:100%">
								<a href="#" style="padding:10px;">
									<span>Facultad de Ingeniería de Sistemas e Informática - UNMSM Copyright © 2013. Todos los Derechos Reservados</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</div>
	<?php echo $this->element('sql_dump'); ?>
	<script type="text/javascript">
		$(window).scroll(function() {
		    if ($(this).scrollTop() > 120) {
		         $('#menufix').addClass('fix');
		    } else {
		         $('#menufix').removeClass('fix');
		    }
		});
	</script>
</body>
</html>
